﻿<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<!-- Document Meta
    ============================================= -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--IE Compatibility Meta-->
<meta name="author" content="zytheme" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="construction html5 template">
<link href="assets/images/favicon/favicon.ico" rel="icon">

<!-- Fonts
    ============================================= -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i%7CRaleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CUbuntu:300,300i,400,400i,500,500i,700,700i' rel='stylesheet' type='text/css'>

<!-- Stylesheets
    ============================================= -->
<link href="assets/css/external.css" rel="stylesheet">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">


<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->

<!-- Document Title
    ============================================= -->
<title>Autoshop | E-commerce Html5 Template</title>
</head>
<body>

     


<!-- Document Wrapper
	============================================= -->
<div id="wrapper" class="wrapper clearfix">
	<header id="navbar-spy" class="header header-1">
		<div class="top-bar">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-5">
						<ul class="list-inline top-contact">
							<li><span>Phone :</span> + 2 0106 5370701</li>
							<li><span>Email :</span> 7oroof@7oroof.com</li>
						</ul>
					</div>
					<div class="col-xs-12 col-sm-6 col-md-7">
						<ul class="list-inline pull-right top-links">
							<li>
								<a href="#">Login</a>
								/
								<a href="#">Register</a>
							</li>
							<li>
								<a href="#">Wishlist</a>
							</li>
							<li>
								<a href="#">Checkout</a>
							</li>
							<li>
								<a href="#">Stores</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">English <i class="fa fa-angle-down"></i></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">Arabic</a>
									</li>
									<li>
										<a href="#">German</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<!-- .row end -->
			</div>
			<!-- .container end -->
		</div>
		<!-- .top-bar end -->
		<nav id="primary-menu" class="navbar navbar-fixed-top">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					</button>
					<a class="logo" href="index.html">
					<img src="assets/images/logo/logo-light.png" alt="Autoshop">
					</a>
				</div>
				
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse pull-right" id="header-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-left">
						<li class="has-dropdown active">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle">Home</a>
							<ul class="dropdown-menu">
								<li>
									<a href="home-1.html">home 1</a>
								</li>
								<li>
									<a href="home-2.html">home 1</a>
								</li>
								<li>
									<a href="home-3.html">home 1</a>
								</li>
							</ul>
						</li>
						<!-- li end -->
						<li class="has-dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle">shop</a>
							<ul class="dropdown-menu">
								<li class="dropdown-submenu">
									<a href="#" data-toggle="dropdown" class="dropdown-toggle">shop product</a>
									<ul class="dropdown-menu">
										<li>
											<a href="shop-product-grid-right-sidebar.html">shop grid right sidebar</a>
										</li>
										<li>
											<a href="shop-product-grid-left-sidebar.html">shop grid left sidebar</a>
										</li>
									</ul>
								</li>
								<li class="dropdown-submenu">
									<a href="#" data-toggle="dropdown" class="dropdown-toggle">shop category</a>
									<ul class="dropdown-menu">
										<li>
											<a href="shop-category-right-sidebar.html">shop right sidebar</a>
										</li>
										<li>
											<a href="shop-category-left-sidebar.html">shop left sidebar</a>
										</li>
									</ul>
								</li>
								<li class="dropdown-submenu">
									<a href="#" data-toggle="dropdown" class="dropdown-toggle">shop single</a>
									<ul class="dropdown-menu">
										<li>
											<a href="shop-single-right-sidebar.html">single right sidebar</a>
										</li>
										<li>
											<a href="shop-single-left-sidebar.html">single left sidebar</a>
										</li>
										<li>
											<a href="shop-single-fullwidth.html">single fullwidth</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="shop-cart.html">shop cart</a>
								</li>
							</ul>
						</li>
						<!-- li end -->
						<li>
							<a href="about.html">about</a>
						</li>
						<li class="has-dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle">pages</a>
							<ul class="dropdown-menu">
								<li>
									<a href="404.html">page 404</a>
								</li>
								<li>
									<a href="maintenance.html">maintenance</a>
								</li>
								<li>
									<a href="soon.html">soon</a>
								</li>
								<li>
									<a href="faqs.html">page Faqs</a>
								</li>
								<li>
									<a href="login.html">login</a>
								</li>
								<li>
									<a href="register.html">register</a>
								</li>
							</ul>
						</li>
						<li class="has-dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle">features</a>
							<ul class="dropdown-menu">
								<li class="dropdown-submenu">
									<a href="#" data-toggle="dropdown" class="dropdown-toggle">Headers</a>
									<ul class="dropdown-menu">
										<li>
											<a href="header-1.html">header 1</a>
										</li>
										<li>
											<a href="header-2.html">header 2</a>
										</li>
										<li>
											<a href="header-3.html">header 3</a>
										</li>
										<li>
											<a href="header-4.html">header 4</a>
										</li>
										<li>
											<a href="header-5.html">header 5</a>
										</li>
										<li>
											<a href="header-6.html">header 6</a>
										</li>
										<li>
											<a href="header-7.html">header 7</a>
										</li>
									</ul>
								</li>
								<li class="dropdown-submenu">
									<a href="#" data-toggle="dropdown" class="dropdown-toggle">Footers</a>
									<ul class="dropdown-menu">
										<li>
											<a href="footer-1.html#footer">Footer 1</a>
										</li>
										<li>
											<a href="footer-2.html#footer">Footer 2</a>
										</li>
										<li>
											<a href="footer-3.html#footer">Footer 3</a>
										</li>
										<li>
											<a href="footer-4.html#footer">Footer 4</a>
										</li>
										<li>
											<a href="footer-5.html#footer">Footer 5</a>
										</li>
										<li>
											<a href="footer-6.html#footer">Footer 6</a>
										</li>
										<li>
											<a href="footer-7.html#footer">Footer 7</a>
										</li>
									</ul>
								</li>
								<li class="dropdown-submenu">
									<a href="#" data-toggle="dropdown" class="dropdown-toggle">elements</a>
									<ul class="mega-menu left">
										<li>
											<ul>
												<li>
													<a href="element-cta.html">call to action</a>
												</li>
												<li>
													<a href="element-video.html">video</a>
												</li>
												<li>
													<a href="elements-blockquotes.html">blockquotes</a>
												</li>
												<li>
													<a href="elements-blog.html">blog</a>
												</li>
												<li>
													<a href="elements-clients.html">clients</a>
												</li>
												<li>
													<a href="elements-columns-grids.html">grids</a>
												</li>
												<li>
													<a href="elements-featured.html">featured</a>
												</li>
											</ul>
										</li>
										<li>
											<ul>
												<li>
													<a href="elements-icon-list.html">icon list</a>
												</li>
												<li>
													<a href="elements-pricing.html">pricing</a>
												</li>
												<li>
													<a href="elements-skills.html">skills</a>
												</li>
												<li>
													<a href="elements-team.html">team</a>
												</li>
												<li>
													<a href="elements-testimonials.html">testimonials</a>
												</li>
												<li>
													<a href="elements-typography.html">typography</a>
												</li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="">widgets</a>
								</li>
							</ul>
						</li>
						<!-- li end -->
						<li class="has-dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle">blog</a>
							<ul class="dropdown-menu">
								<li>
									<a href="blog-grid.html">blog grid</a>
								</li>
								<li>
									<a href="blog-standard.html">blog standard</a>
								</li>
								<li>
									<a href="blog-single.html">blog single</a>
								</li>
							</ul>
						</li>
						<li class="has-dropdown pull-left">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle">contact</a>
							<ul class="dropdown-menu">
								<li>
									<a href="contact-1.html">contact 1</a>
								</li>
								<li>
									<a href="contact-2.html">contact 2</a>
								</li>
							</ul>
						</li>
						<!-- li end -->
					</ul>
					
					<!-- Mod-->
					<div class="module module-search pull-left">
						<div class="search-icon">
							<i class="fa fa-search"></i>
							<span class="title">search</span>
						</div>
						<div class="search-box">
							<form class="search-form">
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Type Your Search Words">
									<span class="input-group-btn">
									<button class="btn" type="button"><i class="fa fa-search"></i></button>
									</span>
								</div>
								<!-- /input-group -->
							</form>
						</div>
					</div>
					<!-- .module-search-->
					<!-- .module-cart -->
					<div class="module module-cart pull-left">
						<div class="cart-icon">
							<i class="fa fa-shopping-cart"></i>
							<span class="title">shop cart</span>
							<span class="cart-label">2</span>
						</div>
						<div class="cart-box">
							<div class="cart-overview">
								<ul class="list-unstyled">
									<li>
										<img class="img-responsive" src="assets/images/shop/thumb/1.jpg" alt="product"/>
										<div class="product-meta">
											<h5 class="product-title">Belt Car Engine</h5>
											<p class="product-price">Price: $68.00 </p>
											<p class="product-quantity">Quantity: 2</p>
										</div>
										<a class="cancel" href="#">cancel</a>
									</li>
									<li>
										<img class="img-responsive" src="assets/images/shop/thumb/2.jpg" alt="product"/>
										<div class="product-meta">
											<h5 class="product-title">OIL FILTER</h5>
											<p class="product-price">Price: $180.00 </p>
											<p class="product-quantity">Quantity: 1</p>
										</div>
										<a class="cancel" href="#">cancel</a>
									</li>
								</ul>
							</div>
							<div class="cart-total">
								<div class="total-desc">
									<h5>CART SUBTOTAL :</h5>
								</div>
								<div class="total-price">
									<h5>$316.00</h5>
								</div>
							</div>
							<div class="clearfix">
							</div>
							<div class="cart-control">
								<a class="btn btn-primary btn-block" href="#">view cart</a>
								<a class="btn btn-secondary btn-block" href="#">check out</a>
							</div>
						</div>
					</div>
					<!-- .module-cart end -->
					
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
	</header>
	
	<!-- Page Title
============================================= -->
	<section id="page-title" class="page-title">
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-6">
					<h1>blog standard</h1>
				</div>
				<!-- .col-md-6 end -->
				<div class="col-xs-12 col-sm-12 col-md-6">
					<ol class="breadcrumb text-right">
						<li>
							<a href="index.html">Home</a>
						</li>
						<li class="active">blog</li>
					</ol>
				</div>
				<!-- .col-md-6 end -->
			</div>
			<!-- .row end -->
		</div>
		<!-- .container end -->
	</section>
	<!-- #page-title end -->
	
	<!-- Blog Standard
============================================= -->
	<section id="blog" class="blog blog-single">
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-9">
					<div class="entry">
						<div class="entry-img">
							<a href="#">
							<img src="assets/images/blog/standard/1.jpg" alt="Entry Title">
							</a>
						</div>
						<!-- .entry-img end -->
						<div class="entry-content">
							<div class="entry-format">
								<i class="fa fa-image"></i>
							</div>
							<div class="entry-title">
								<h3>
									<a href="#">Framing and Insulating Walls In Warehouse and Corporate</a>
								</h3>
							</div>
							<!-- .entry-title end -->
							<ul class="entry-meta list-inline clearfix">
								<li class="entry-date">On: <span>Feb 12, 2015</span></li>
								<li class="entry-author">By:
									<a href="#">Begha</a>
								</li>
								<li class="entry-num-comments">Comments:
									<a href="#">45</a>
								</li>
								<li class="entry-category">Category :
									<a href="#">Construction</a>
									,
									<a href="#">Tips and Tricks</a>
								</li>
								<li class="entry-views">View : 25445</li>
							</ul>
							<!-- .entry-meta end -->
							<div class="entry-snippet">
								<p>Lorem ipsum dolor sit amet, mauris suspendisse viverra eleifend tortor tellus suscipit, tortor aliquet at nulla mus, dignissim neque, nulla neque. Ultrices proin mi urna nibh ut, aenean sollicitudin etiam libero nisl, ultrices ridiculus in magna purus consequuntur, ipsum donec orci ad vitae pede, id odio. Turpis venenatis at laoreet. Etiam commodo fusce in diam feugiat, nullam suscipit tortor per velit viverra minim sed metus egestas sapien consectetuer, ac etiam bibendum cras posuere pede placerat, velit neque felis. Turpis ut mollis, elit et vestibulum mattis integer aenean nulla, in vitae id augue vitae. </p>
								<p>Lorem ipsum dolor sit amet, mauris suspendisse viverra eleifend tortor tellus suscipit, tortor aliquet at nulla mus, dignissim neque, nulla neque. Ultrices proin mi urna nibh ut, aenean sollicitudin etiam libero nisl, ultrices ridiculus in magna purus consequuntur, ipsum donec orci ad vitae pede, id odio. Turpis venenatis at laoreet. Etiam commodo fusce in diam feugiat, nullam suscipit tortor per velit viverra minim sed metus egestas sapien consectetuer, ac etiam bibendum cras posuere pede placerat, velit neque felis. Turpis ut mollis, elit et vestibulum mattis integer aenean nulla, in vitae id augue vitae. </p>
								<p>Lorem ipsum dolor sit amet, mauris suspendisse viverra eleifend tortor tellus suscipit, tortor aliquet at nulla mus, dignissim neque, nulla neque. Ultrices proin mi urna nibh ut, aenean sollicitudin etiam libero nisl, ultrices ridiculus in magna purus consequuntur, ipsum donec orci ad vitae pede, id odio. Turpis venenatis at laoreet. Etiam commodo fusce in diam feugiat, nullam suscipit tortor per velit viverra minim sed metus egestas sapien consectetuer, ac etiam bibendum cras posuere pede placerat, velit neque felis. Turpis ut mollis, elit et vestibulum mattis integer aenean nulla, in vitae id augue vitae. </p>
								<p>Lorem ipsum dolor sit amet, mauris suspendisse viverra eleifend tortor tellus suscipit, tortor aliquet at nulla mus, dignissim neque, nulla neque. Ultrices proin mi urna nibh ut, aenean sollicitudin etiam libero nisl, ultrices ridiculus in magna purus consequuntur, ipsum donec orci ad vitae pede, id odio. Turpis venenatis at laoreet. Etiam commodo fusce in diam feugiat, nullam suscipit tortor per velit viverra minim sed metus egestas sapien consectetuer, ac etiam bibendum cras posuere pede placerat, velit neque felis. Turpis ut mollis, elit et vestibulum mattis integer aenean nulla, in vitae id augue vitae. </p>
							</div>
							<!-- .entry-snippet end -->
							<!-- .entry-content end -->
							<div class="entry-tags">
								<div class="widget widget-tags">
									<h6>tags</h6>
									<a href="#">responsive</a>
									<a href="#">modern</a>
									<a href="#">corporate</a>
									<a href="#">business</a>
									<a href="#">fresh</a>
									<a href="#">awesome</a>
									<a href="#">business</a>
									<a href="#">fresh</a>
									<a href="#">corporate</a>
								</div>
								<!-- .widget-tags end -->
							</div>
							<!-- .entry-tags end -->
							<div class="entry-share">
								<div class="share-title pull-left pull-none-xs">
									<h6>share this article: </h6>
								</div>
								<div class="share-links text-right">
									<a class="share-facebook" href="#"><i class="fa fa-facebook"></i></a>
									<a class="share-twitter" href="#"><i class="fa fa-twitter"></i></a>
									<a class="share-google-plus" href="#"><i class="fa fa-google-plus"></i></a>
									<a class="share-pinterest" href="#"><i class="fa fa-pinterest"></i></a>
									<a class="share-dribbble" href="#"><i class="fa fa-dribbble"></i></a>
									<a class="share-linkedin" href="#"><i class="fa fa-linkedin"></i></a>
								</div>
							</div>
							<!-- .entry-share end -->
						</div>
						<!-- .entry-content end -->
					</div>
					<!-- .entry end -->
					<div class="entry-author-box">
						<div class="entry-author-img">
							<img src="assets/images/blog/author/1.jpg" alt="Entry Author">
						</div>
						<!-- .entry-author-img end -->
						<div class="entry-author-bio">
							<h6>Author</h6>
							<p>Imperdiet mauris viverra maecenas, tortor enim aliquam at nec. Pellentesque penatibus, sed rutrum viverra quisque pede, mauris commodo sodales enim porttitor. </p>
						</div>
						<!-- .entry-author-img end -->
					</div>
					<!-- .entry-author end -->
					<div class="entry-comments">
						<div class="comments-heading">
							<h6><span>3 </span>Comments</h6>
						</div>
						<div class="comments-body">
							<ul class="comments-list">
								<li class="comment-body">
									<div class="comment-content">
										<div class="avatar">
											<img src="assets/images/blog/author/2.jpg" alt="avatar"/>
										</div>
										<div class="comment">
											<div class="comment-meta">
												<h6>Mahmoud Baghagho</h6>
												<div class="date">Dec 17, 2014</div>
												<div class="comment-reply">
													<a class="reply" href="#">Reply</a>
												</div>
											</div>
											<p>Imperdiet mauris viverra maecenas, tortor enim aliquam at nec. Pellentesque penatibus, sed rutrum viverra quisque pede, mauris commodo sodales enim porttitor.</p>
										</div>
									</div>
								</li>
								<!-- comment end -->
								
								<li class="comment-body">
									<div class="comment-content">
										<div class="avatar">
											<img src="assets/images/blog/author/3.jpg" alt="avatar"/>
										</div>
										<div class="comment">
											<div class="comment-meta">
												<h6>Mostafa Amin</h6>
												<div class="date">Dec 17, 2014</div>
												<div class="comment-reply">
													<a class="reply" href="#">Reply</a>
												</div>
											</div>
											<p>Imperdiet mauris viverra maecenas, tortor enim aliquam at nec. Pellentesque penatibus, sed rutrum viverra quisque pede, mauris commodo sodales enim porttitor.</p>
										</div>
									</div>
									<ul class="comment-children">
										<li class="comment-body">
											<div class="comment-content">
												<div class="avatar">
													<img src="assets/images/blog/author/2.jpg" alt="avatar"/>
												</div>
												<div class="comment">
													<div class="comment-meta">
														<h6>Mahmoud Baghagho</h6>
														<div class="date">Dec 17, 2014</div>
														<div class="comment-reply">
															<a class="reply" href="#">Reply</a>
														</div>
													</div>
													<p>Imperdiet mauris viverra maecenas, tortor enim aliquam at nec. Pellentesque penatibus, sed rutrum viverra quisque pede, mauris commodo sodales enim porttitor.</p>
												</div>
											</div>
										</li>
										<!-- comment end -->
									</ul>
									<!-- .comment-children end -->
								</li>
								<!-- comment end -->
								
								<li class="comment-body">
									<div class="comment-content">
										<div class="avatar">
											<img src="assets/images/blog/author/3.jpg" alt="avatar"/>
										</div>
										<div class="comment">
											<div class="comment-meta">
												<h6>Ahmed Hassan</h6>
												<div class="date">Dec 17, 2014</div>
												<div class="comment-reply">
													<a class="reply" href="#">Reply</a>
												</div>
											</div>
											<p>Imperdiet mauris viverra maecenas, tortor enim aliquam at nec. Pellentesque penatibus, sed rutrum viverra quisque pede, mauris commodo sodales enim porttitor.</p>
										</div>
									</div>
								</li>
								<!-- comment end -->
								
							</ul>
							<!-- .comments-list end -->
						</div>
					</div>
					<!-- .entry-comments end -->
					<div class="entry-comments-forms">
						<div class="comment-form-heading">
							<h6>Leave Comment</h6>
						</div>
						<div class="comment-form-body">
							<form id="entry-comments-form" class="mb-0">
								<div class="row">
									<div class="col-md-6">
										<input type="text" class="form-control" name="Comment-name" id="name" placeholder="Your Name" required/>
										<input type="email" class="form-control" name="Comment-email" id="email" placeholder="Your Email" required/>
										<button type="submit" id="submit-message" class="btn btn-primary btn-block">Add Comment</button>
									</div>
									<div class="col-md-6">
										<textarea name="Comment-message" id="Comment" rows="4" placeholder="Comment" required></textarea>
									</div>
								</div>
							</form>
						</div>
					</div>
					<!-- .entry-comments-form end -->
				</div>
				<!-- .col-md-9 end -->
				<div class="col-xs-12 col-sm-12 col-md-3 sidebar">
					<!-- Categories
============================================= -->
					<div class="widget widget-categories">
						<div class="widget-title">
							<h5>categories</h5>
						</div>
						<div class="widget-content">
							<ul class="list-unstyled">
								<li>
									<a href="#"><i class="fa fa-angle-double-right"></i>Branding<span>(5)</span></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-angle-double-right"></i>Typography<span>(77)</span></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-angle-double-right"></i>UI Design<span>(6)</span></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-angle-double-right"></i>Wordpress<span>(11)</span></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-angle-double-right"></i>Development<span>(54)</span></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-angle-double-right"></i>Photography<span>(22)</span></a>
								</li>
							</ul>
						</div>
					</div>
					<!-- .widget-categories end -->
					
					<!-- Recent Posts
============================================= -->
					<div class="widget widget-recent">
						<div class="widget-title">
							<h5>recent posts</h5>
						</div>
						<div class="widget-content">
							<div class="entry">
								<img src="assets/images/sidebar/1.jpg" alt="title"/>
								<div class="entry-desc">
									<div class="entry-title">
										<a href="#">home renovations with modern style</a>
									</div>
									<div class="entry-meta">
										<div>on: <span>Dec 10, 2014</span></div>
										<div>by:
											<a href="#"> Begha</a>
										</div>
									</div>
								</div>
							</div>
							<!-- .recent-entry end -->
							
							<div class="entry">
								<img src="assets/images/sidebar/2.jpg" alt="title"/>
								<div class="entry-desc">
									<div class="entry-title">
										<a href="#">make your home your paradise</a>
									</div>
									<div class="entry-meta">
										<div>on: <span>Dec 10, 2014</span></div>
										<div>by:
											<a href="#"> Begha</a>
										</div>
									</div>
								</div>
							</div>
							<!-- .recent-entry end -->
							
							<div class="entry">
								<img src="assets/images/sidebar/3.jpg" alt="title"/>
								<div class="entry-desc">
									<div class="entry-title">
										<a href="#">How Important is Light in the Living Room?</a>
									</div>
									<div class="entry-meta">
										<div>on: <span>Dec 10, 2014</span></div>
										<div>by:
											<a href="#"> Begha</a>
										</div>
									</div>
								</div>
							</div>
							<!-- .recent-entry end -->
							
						</div>
						<!-- .widget-content end -->
					</div>
					<!-- .widget-recent end -->
					
					<!-- Tag Clouds
============================================= -->
					<div class="widget widget-tags">
						<div class="widget-title">
							<h5>tag clouds</h5>
						</div>
						<div class="widget-content">
							<a href="#">responsive</a>
							<a href="#">modern</a>
							<a href="#">blog</a>
							<a href="#">corporate</a>
							<a href="#">mount</a>
							<a href="#">business</a>
							<a href="#">awesome</a>
							<a href="#">marketing</a>
							<a href="#">fresh</a>
						</div>
					</div>
					<!-- .widget-tags end -->
					
					<!-- Flickr Stream
============================================= -->
					<div class="widget widget-flickr">
						<div class="widget-title">
							<h5>Flickr Stream</h5>
						</div>
						<div class="widget-content">
							<div id="flickr-feed"></div>
							<a class="flickr-more" href="#">View Stream On Flickr</a>
						</div>
					</div>
					<!-- .widget-flickr end -->
				</div>
				<!-- .col-md-3 end -->
			</div>
			<!-- .row end -->
			
		</div>
		<!-- .container end -->
	</section>
	<!-- #blog end -->
	
	<!-- Footer #1
============================================= -->
	<footer id="footer" class="footer footer-1">
		<!-- Footer Info
	============================================= -->
		<div class="footer-info">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="panel-info">
							<div class="info-icon">
								<i class="icon icon-Truck"></i>
							</div>
							<div class="info-content">
								<h4>Free Shipping</h4>
								<p>Lorem ipsum dolor siamet, adipiscing condimen tristique vel.</p>
							</div>
						</div>
					</div>
					<!-- .col-md-3 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="panel-info">
							<div class="info-icon">
								<i class="icon icon-Dollars"></i>
							</div>
							<div class="info-content">
								<h4>Fair Prices</h4>
								<p>Lorem ipsum dolor siamet, adipiscing condimen tristique vel.</p>
							</div>
						</div>
					</div>
					<!-- .col-md-3 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="panel-info">
							<div class="info-icon">
								<i class="icon icon-Shield"></i>
							</div>
							<div class="info-content">
								<h4>Secure Shopping</h4>
								<p>Lorem ipsum dolor siamet, adipiscing condimen tristique vel.</p>
							</div>
						</div>
					</div>
					<!-- .col-md-3 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="panel-info">
							<div class="info-icon">
								<i class="icon icon-Headset"></i>
							</div>
							<div class="info-content">
								<h4>Customer Support</h4>
								<p>Lorem ipsum dolor siamet, adipiscing condimen tristique vel.</p>
							</div>
						</div>
					</div>
					<!-- .col-md-3 end -->
				</div>
			</div>
			<!-- .container end -->
		</div>
		<!-- .footer-info end -->
		
		<!-- Footer Widget
	============================================= -->
		<div class="footer-widget">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-4 footer-widget-about">
						<div class="footer-widget-title">
							<h5>About Us</h5>
						</div>
						<div class="footer-widget-content">
							<p>Lorem ipsum dolor sit amet, adipiscing condimentum tristique vel, eleifend sed turpis. Amet, consectetur adipising elit Integer.</p>
							<div class="footer-social">
								<a class="share-facebook" href="#"><i class="fa fa-facebook"></i></a>
								<a class="share-google-plus" href="#"><i class="fa fa-google-plus"></i></a>
								<a class="share-twitter" href="#"><i class="fa fa-twitter"></i></a>
								<a class="share-pinterest" href="#"><i class="fa fa-pinterest"></i></a>
								<a class="share-vimeo" href="#"><i class="fa fa-vimeo"></i></a>
								<a class="share-rss" href="#"><i class="fa fa-rss"></i></a>
							</div>
						</div>
					</div>
					<!-- .col-md-4 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-2 footer-widget-link">
						<div class="footer-widget-title">
							<h5>My Account</h5>
						</div>
						<div class="footer-widget-content">
							<ul class="list-unstyled">
								<li>
									<a href="#">My Account</a>
								</li>
								<li>
									<a href="#">Order History</a>
								</li>
								<li>
									<a href="#">Wish List</a>
								</li>
								<li>
									<a href="#">Newsletter</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- .col-md-2 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-2 footer-widget-link">
						<div class="footer-widget-title">
							<h5>Information</h5>
						</div>
						<div class="footer-widget-content">
							<ul class="list-unstyled">
								<li>
									<a href="#">About Us</a>
								</li>
								<li>
									<a href="#">Delivery Information</a>
								</li>
								<li>
									<a href="#">Privacy Policy</a>
								</li>
								<li>
									<a href="#">Terms & Conditions</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- .col-md-2 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-2 footer-widget-link">
						<div class="footer-widget-title">
							<h5>Customer Service</h5>
						</div>
						<div class="footer-widget-content">
							<ul class="list-unstyled">
								<li>
									<a href="#">Contact Us</a>
								</li>
								<li>
									<a href="#">Returns</a>
								</li>
								<li>
									<a href="#">Site Map</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- .col-md-2 end -->
					
					<div class="col-xs-12 col-sm-6 col-md-2 footer-widget-link">
						<div class="footer-widget-title">
							<h5>Extras</h5>
						</div>
						<div class="footer-widget-content">
							<ul class="list-unstyled">
								<li>
									<a href="#">Brands</a>
								</li>
								<li>
									<a href="#">Gift Vouchers</a>
								</li>
								<li>
									<a href="#">Affiliates</a>
								</li>
								<li>
									<a href="#">Specials</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- .col-md-2 end -->
				</div>
			</div>
			<!-- .container end -->
		</div>
		<!-- .footer-widget end -->
		
		<!-- Footer Bar
	============================================= -->
		<div class="footer-bar">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-6">
						<div class="powered">
							<p>Car Shop &copy; All Rights Reserved. With Made With Love By
								<a href="http://themeforest.net/user/7oroof/portfolio?ref=7oroof">7oroof.com</a>
							</p>
							<ul class="list-inline mb-0">
								<li>
									<a href="#">Privacy Policy</a>
								</li>
								<li>
									<a href="#">Terms of Use</a>
								</li>
								<li>
									<a href="#">Stores</a>
								</li>
								<li>
									<a href="#">About Us</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-12 col-sm-6 col-md-6">
						<div class="payment-methods text-right">
							<ul class="list-inline mb-0">
								<li><img src="assets/images/footer/visa.png" alt="payment"></li>
								<li><img src="assets/images/footer/mastercard.png" alt="payment"></li>
								<li><img src="assets/images/footer/american-express.png" alt="payment"></li>
								<li><img src="assets/images/footer/delta.png" alt="payment"></li>
								<li><img src="assets/images/footer/cirrus.png" alt="payment"></li>
								<li><img src="assets/images/footer/paypal.png" alt="payment"></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- .container end -->
		</div>
		<!-- .footer-copyright end -->
	</footer>
</div>
<!-- #wrapper end -->

<!-- Footer Scripts
============================================= -->
<script src="assets/js/jquery-2.2.4.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/functions.js"></script>
</body>
</html>
